<template>
    <fieldset>
        <legend>zu</legend>
                                    <!-- 自定义事件 -->
        <modal :visible="isShow" @ok="handleOk" @cancel="handleCancel">
        
        <template v-slot:title>
            <h3>退钱提示</h3>
        </template>

        <template v-slot:body>
            <h4>你正在申请退款逆战卷到支付宝中</h4>
        </template>
        
        
        </modal>
        <button @click="Show">点击显示show</button>
    </fieldset>

</template>
<script>
import modal from './compoments/index.vue'
export default {
components:{modal},
data(){
return{
    isShow:false
}
},
methods: {
    Show(){
        this.isShow= true
    },
    //点击确定时候触发的逻辑
    handleOk(){
        this.isShow = false
    },
    //点击取消的时候触发的逻辑
    handleCancel(){
        this.isShow = false
    }
}
}

</script>